<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>:first-child选择器  和 :last-child</title>
		<!-- 
		:first-child选择器  和 :last-child
		分别选取 元素地第一个元素 和最后一个元素
		他的用法是当前元素 其有父类元素才可以(全部)生效
		 -->
		<style type="text/css">
			li:first-child{
				color: red;
			}
			li:last-child{
				color: green;
			}
		</style>
	</head>
	<body>

		<ul>
			<li>1</li>
			<li>2</li>
			<li>3</li>
		</ul>
	</body>
</html>
